<!DOCTYPE html>
<html lang="zh">
<head>
    <!--指定字符集-->
    <meta charset="UTF-8">
    <!--设定标题-->
    <title>超链接</title>
    <style>
        #div {
            margin: 1000px auto;
            background-color: aquamarine;
        }
    </style>
</head>
<body>
<h1>超链接</h1>
<p>默认的target属性为_self，即当前页面加载</p>
<ul>
    <li><a href="https://example.com" title="普通外链">普通外链</a></li>
    <li><a href="#div" title="文档片段内链">文档片段</a></li>
    <li><a href="#div" title="文档片段外链示例">https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes#attr-id</a>
    </li>
    <li><a href="mailto:m.bluth@example.com" title="Email链接">Email链接</a></li>
    <li><a href="tel:+123456789" title="Phone链接">Phone链接</a></li>
    <li>创建一个可点击的图片<a href="https://developer.mozilla.org/en-US/" title="创建一个可点击的图片">
        <img src="https://mdn.mozillademos.org/files/6851/mdn_logo.png"
             alt="MDN logo"/>
    </a></li>
    <li><a href="pdf/囚徒健身要领.pdf" download="囚徒健身要领1.pdf">下载文件示例download</a></li>
</ul>
<h2>邮件示例</h2>
<ul>
    <li> 空邮件：mailto:</li>
    <li> 发送一个邮件：mailto:nowhere@mozilla.org</li>
    <li> 发送多个邮件：mailto:nowhere@mozilla.org,nobody@mozilla.org</li>
    <li> 发送和抄送邮件：mailto:nowhere@mozilla.org?cc=nobody@mozilla.org</li>
    <li> 发送和抄送邮件附主题mailto:nowhere@mozilla.org?cc=nobody@mozilla.org&subject=This%20is%20the%20subject</li>
</ul>
<div id="div">
    下面的内容<a href="#">回到顶部</a>
</div>

</body>
</html>